<!DOCTYPE html>
<html lang="en">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
  <meta name="viewport" content="width=device-width, initial-scale=1"/>
  <title>生态圈系统-权益管理</title>

  <!-- CSS  -->
  <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
  <link href="plugins/bootstrap-4.0.0/css/bootstrap.min.css" th:href="@{/plugins/bootstrap-4.0.0/css/bootstrap.min.css}" type="text/css" rel="stylesheet"/>
  <link href="css/materialize.css" th:href="@{/css/materialize.css}" type="text/css" rel="stylesheet" media="screen,projection"/>
  <link href="plugins/perfect-scrollbar/perfect-scrollbar.css" th:href="@{/plugins/perfect-scrollbar/perfect-scrollbar.css}" type="text/css" rel="stylesheet" media="screen,projection"/>
  <link href="plugins/bootstrap-datepicker/css/bootstrap-datepicker.css" th:href="@{/plugins/bootstrap-datepicker/css/bootstrap-datepicker.css}" type="text/css" rel="stylesheet"/>
  <link href="plugins/bootstrap-sweetalert/sweetalert.css" th:href="@{/plugins/bootstrap-sweetalert/sweetalert.css}" type="text/css" rel="stylesheet"/>
  <link href="css/style.css" th:href="@{/css/style.css}" type="text/css" rel="stylesheet"/>
</head>
<body>
  <header>
    <nav class="" role="navigation" style="background-color: #f4f6f9;">
      <div class="nav-wrapper">
        <ul class="right hide-on-med-and-down">
          <li><a class="blue-text waves-effect dropdown-trigger" href="#!" data-target="dropdown1" style="vertical-align: top;">admin<i class="material-icons right">arrow_drop_down</i></a></li>
          <ul id="dropdown1" class="dropdown-content">
            <li><a href="#!" class="waves-effect blue-text">设置</a></li>
            <li><a href="#!" class="waves-effect blue-text">退出登录</a></li>
          </ul>
        </ul>

        <a href="#" data-target="slide-out" class="sidenav-trigger"><i class="material-icons">menu</i></a>
      </div>
    </nav>
  </header>

  <aside>
    <ul id="slide-out" class="sidenav sidenav-fixed">
      <nav class="white" role="navigation">
        <div class="nav-wrapper container">
          <a id="logo-container" href="#" class="blue-text"><i class="material-icons left" style="margin-right: 10px;">adjust</i><b>生态圈系统</b></a>
        </div>
      </nav>
      <li>
        <div class="user-view">
          <!-- <a href="#name"><span class="name"></span></a> -->
          <!-- <a href="#email"><span class="email"></span></a> -->
        </div>
      </li>
      <li><a href="customer.html" th:href="'javascript:jump(\'/customers\');'" class="waves-effect"><i class="material-icons left" style="margin-right: 10px;">person</i>信托客户管理</a></li>
      
      <li class="no-padding">
        <ul class="collapsible collapsible-accordion">
          <li>
            <a class="collapsible-header has-arrow waves-effect"><i class="material-icons left" style="margin-right: 10px;">domain</i>企业管理</a>
            <div class="collapsible-body">
              <ul>
                <li><a href="#!" class="waves-effect"><i class="material-icons left" style="margin-right: 10px;">info_outline</i>企业信息管理</a></li>
                <li><a href="#!" class="waves-effect"><i class="material-icons left" style="margin-right: 10px;">group</i>企业帐号管理</a></li>
              </ul>
            </div>
          </li>
        </ul>
      </li>
      <li><a href="activity.html" th:href="'javascript:jump(\'/activities\');'" class="waves-effect"><i class="material-icons left" style="margin-right: 10px;">star</i>权益管理</a></li>
      <li><a href="coupon.html" th:href="'javascript:jump(\'/coupons\');'" class="waves-effect"><i class="material-icons left" style="margin-right: 10px;">local_activity</i>优惠券管理</a></li>
      <li><a href="validate.html" th:href="'javascript:jump(\'/coupons/validate\');'" class="waves-effect"><i class="material-icons left" style="margin-right: 10px;">redeem</i>验证优惠券</a></li>
      <footer class="page-footer no-padding">
        <div class="white footer-copyright">
          <div class="black-text container">
          Made by <a class="brown-text text-lighten-3" href="#">laoma~</a>
          </div>
        </div>
      </footer>
    </ul>
  </aside>

  <main class="">
    
  </main>  

  <!-- <footer class="white page-footer teal">
    <div class="footer-copyright">
      <div class="black-text container">
      Made by <a class="brown-text text-lighten-3" href="http://materializecss.com">Materialize</a>
      </div>
    </div>
  </footer> -->

  <!--  Scripts-->
  <script src="js/jquery-3.3.1.min.js" th:src="@{/js/jquery-3.3.1.min.js}"></script>
  <script src="js/materialize.js" th:src="@{/js/materialize.js}"></script>
  <script src="plugins/perfect-scrollbar/perfect-scrollbar.min.js" th:src="@{/plugins/perfect-scrollbar/perfect-scrollbar.min.js}"></script>
  <script src="plugins/bootstrap-datepicker/js/bootstrap-datepicker.min.js" th:src="@{/plugins/bootstrap-datepicker/js/bootstrap-datepicker.min.js}"></script>
  <script src="plugins/bootstrap-datepicker/locales/bootstrap-datepicker.zh-CN.min.js" th:src="@{/plugins/bootstrap-datepicker/locales/bootstrap-datepicker.zh-CN.min.js}" charset="UTF-8"></script>
  <script src="plugins/bootstrap-sweetalert/sweetalert.min.js" th:src="@{/plugins/bootstrap-sweetalert/sweetalert.min.js}"></script>
  <script src="js/common.js" th:src="@{/js/common.js}"></script>
  <script>
    function jump(url) {
      $.ajax({
        url: context_path + url,
        success: function(data, textStatus) {
          //console.log(data);
          $('main').html(data);
        },
        error: function (data, textStatus, errorThrown) {
          //console.log(data);
        }
      });
    }

  </script>

  </body>
</html>
